<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <meta name="keywords" content="xx,xx,xx" />
    <meta name="description" content="yyyyyyy" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta property="qc:admins" content="70003766576320416375" />
    <meta name="format-detection" content="telephone=no">
    <title>职位详情</title>
    <link rel="stylesheet" href="../css/jquery-ui-1.10.3.css" type="text/css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/job.css">


    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        *{
            font-size: 14px!important;
        }
        .header{
            color: #49586e;
            background: rgba(158, 158, 158, 0.44);;
            height: 80px;
        }
        .header>div{
            margin-top: 20px;
        }

    </style>
</head>
<body>
<div class="container-fluid">
    <!--header start-->
    <div class="row header">
        <div style="font-size: 30px!important;"><span id="back" class="glyphicon  glyphicon-chevron-left" style="float: left;cursor: pointer;font-size: 30px!important;"></span>职位详情</div>
    </div>
    <!--header end-->

    <!--content start-->
    <div class="row content" id="job-details">
<div class="content-top">
          <a href="JavaScript:;">
              <div class="box">
                  <img src="../images/hotel-logo.png">
                  <div class="box-content">
                      <h5 align="left">
                          <b>服务员</b>
                          <span class="badge">全职</span>
                            <span class="time">
                                <span class="day">7月12日</span>
                                <span class="hours">
                                    <small style="margin-top: -10px">8:00</small>
                                    <small style="margin-top: 10px">17:00</small>
                                </span>
                            </span>
                      </h5>
                      <h6>
                          <span>悦华大酒店</span>
                          <span class="status">3000</span>
                      </h6>
                      <h6 class="hotel-address"><img src="../images/location-icon.png"><span id="hotel-address">上海市悦华大酒店</span></h6>
                  </div>
              </div>
          </a>
         </div>
        <div class="content-bottom">
             <div class="box" style="margin-top: 0">
               <h6 class="box-head">
                   <img src="../images/hotel-logo.png">
                   <span style="margin-left: 5px">职位详情</span>
               </h6>
                 <div class="job-details-content">
                     <ol>
                         <li>主要负责酒店餐桌的一切相关工作</li>
                         <li>主要负责酒店餐桌的一切相关工作</li>
                         <li>主要负责酒店餐桌的一切相关工作</li>
                         <li>主要负责酒店餐桌的一切相关工作</li>
                     </ol>
                     <h6 align="center" style="color: #22d673"><span class="glyphicon glyphicon-chevron-down" ></span></h6>
                 </div>
             </div>
             <div class="box">
                 <h6 class="box-head">
                     <img src="../images/skills-required.png">
                     <span style="margin-left: 5px">技能要求</span>
                 </h6>
                 <div class="job-details-content">
                     <ol>
                         <li>熟悉酒店服务（传菜）员工作流程</li>
                         <li>会开酒水</li>
                         <li>主要负责酒店餐桌的一切相关工作</li>
                         <li>主要负责酒店餐桌的一切相关工作</li>
                         <li>主要负责酒店餐桌的一切相关工作</li>
                     </ol>
                     <h6 align="center" style="color: #22d673"><span class="glyphicon glyphicon-chevron-down" ></span></h6>
                 </div>
             </div>
             <div class="box">
               <h6 class="box-head">
                   <img src="../images/clothes-logo.png">
                   <span style="margin-left: 5px">服装要求</span>
               </h6>
                 <div class="job-details-content">
                     <ol>
                         <li>必须穿森淼规定的服装（可在森淼商城购买）</li>
                         <li>必须穿森淼规定的服装（可在森淼商城购买）</li>
                         <li>必须穿森淼规定的服装（可在森淼商城购买）</li>
                     </ol>
                     <h6 align="center" style="color: #22d673"><span class="glyphicon glyphicon-chevron-down" ></span></h6>
                 </div>
             </div>

             <div class="box" >
               <p style="opacity: 0.7;padding: 5px;width: 40%">
                   备注：<span style="margin-left: 20px">此岗位要求必须穿酒店服装，所以自己的服装不用带，另外今天客人比较特殊，请报名人员注意自己的打扮</span>

               </p>
             </div>
             </div>
    </div>
    <!--content end-->



    <!--footer start-->
    <!--<div class="row footer">-->
        <!--<a class="btn" data-toggle="modal" href="#show-rule">立即报名</a>-->
    <!--</div>-->

    <!--footer end-->




</div>
</body>
<script src="../js/common/jquery-1.11.1.min.js"></script>
<script src="../js/common/index.js"></script>
<script src="../js/common/bootstrap.min.js"></script>
<!--<script src="../js/common/server.js"></script-->
<script>

//    document.getElementsByClassName('btn-sure')[0].onclick = function () {
//        var url1 = location.search;
//        if (url1.indexOf("?") != -1) {
//            var id = url1.substr(4);}
//
//        var url0 = server + '/server/users/signUpMessage.json';
//        var url = server + '/server/users/signUp.json';
//        var args = {"workMessageId":id};
//
//        $.post(url0, args,function(data){
//            if(data.message == "不能报名"){
//                alert("报名失败");
//                window.location.replace('./index.html');
//            }
//            else{
//                $.post(url, args, function (data) {
//                    if (data.code == 00000) {
//                        alert("报名成功");
//                        window.location.replace('./index.html');
//                    }
//                    else{
//                        alert("报名失败");
//                    }
//                });
//            }
//        });
//
//    }
</script>
</html>